<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
        <meta charset="utf-8">
		<meta http-equiv="Expires" content="0">
		<meta http-equiv="Pragma" content="no-cache">
		<meta http-equiv="Cache-control" content="no-cache">
		<meta http-equiv="Cache" content="no-cache">
		<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="format-detection" content="telephone=no">
        <title></title>
        <link rel="stylesheet" href="css/frozen.css">
		<script type="text/javascript" src="js/zepto.min.js"></script>
        <script src="js/frozen.js"></script>
		<script type="text/javascript">
			var browser
			$(document).ready(function() {
				browser={
					versions:function(){
						var u = navigator.userAgent, app = navigator.appVersion;
						return {         //移动终端浏览器版本信息
							trident: u.indexOf('Trident') > -1, //IE内核
							presto: u.indexOf('Presto') > -1, //opera内核
							webKit: u.indexOf('AppleWebKit') > -1, //apple、谷歌内核
							gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
							mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
							ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
							android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器
							iPhone: u.indexOf('iPhone') > -1 , //是否为iPhone或者QQHD浏览器
							iPad: u.indexOf('iPad') > -1, //是否iPad
							webApp: u.indexOf('Safari') == -1, //是否web应该程序，没有头部与底部
							isWeixin:u.indexOf('MicroMessenger') > -1,
							isQQ:u.indexOf('QQ') > -1
						};
					}(),
					language:(navigator.browserLanguage || navigator.language).toLowerCase()
				};
				$.ajax({
					type: 'GET',
					url: 'data.json',
					// type of data we are expecting in return:
					dataType: 'json',
					success: function(data){
						browser.appUrl={
							ios:data.ios.app
						}
						$('#hTitle').html('');
						if(data.logo!==''){
							$('#hTitle').append('<img style="width:20px;margin-right:15px;" src="appimages/logo.jpg"/>');
						}
						$('#hTitle').append(data.title);
						$('#bTitle').html(data.bTitle);
					},
					error: function(xhr, type){
						
					}
				});
				
			});
			
			function execDownload(){
				if(browser.versions.isWeixin){
					$('#bkModal').show();
					$('#toOther').show();
					return;
				}
				location.href=browser.appUrl.ios;
			}
		</script>
    </head>
<body style="background-image:url(images/bankground.png)">
<div id="bkModal" style="display:none;top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; position: fixed; z-index: 1; opacity: 0.75; background: rgb(0, 0, 0);">
	
</div>
<img src="images/markContent.png" id="toOther" style="width:100%;z-index:2;position:absolute;right:5px;top:5px;display:none;"/>
<div id="andModal" style="text-align:center;display:none;top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; position: fixed; z-index: 1; opacity: 0.75; background: rgb(0, 0, 0);">
	<span style="color:white">请使用其他浏览器打开下载！</span>
</div>
 <header class="ui-header ui-header-positive ui-border-b" style="text-align:right;color:#fff;">
			
			<h1 id="hTitle"></h1>
            <button class="ui-btn" style="" onclick="execDownload();">直接下载</button>
     </header>
	<p style="margin-left:20px;margin-top:50px; font-size:16px; font-family:'Arial Black', Gadget, sans-serif; color:#333">
   <b id="bTitle"> </b><br/>
  
	</p>
 
    <div style="margin-left:20px;">
    	<img src="images/apple01.png"  style="width:95%;margin-top:15px;"/>
    </div>
    <p style=" float:left; margin-left:20px; font-size:16px; color:#F00">第一步：打开微信</p>
    <p style="float:right; margin-right:40px; font-size:16px; color:#F00">第二步：扫一扫</p>
    <div style="clear:both; margin-left:20px;">
    	<img src="appimages/apple_01_03.png"  style="width:95%;margin-top:15px;"/>
    </div>
    <p style=" float:left; margin-left:20px; font-size:16px; color:#F00;width:40%;">第三步：在safari中打开</p>
    <p style="  float:right;font-size:16px; color:#F00;width:50%;">第四步：点击打开按钮</p>
     <div style="clear:both; margin-left:20px;">
    	<img src="appimages/apple_01_06.png" style="width:95%;margin-top:15px;"/>
     </div>
     <p style=" float:left; margin-left:20px; font-size:16px; color:#F00">第五步：点击安装</p>
     <p style=" float:right; margin-right:20px; font-size:16px; color:#F00">第六步：安装完成</p>
     <p style=" clear:both; margin-left:20px; font-size:20px; font-family:'Arial Black', Gadget, sans-serif; color:#333;margin-top:40px">
     	升级ios9,打不开怎么办？
     </p>
     <p style="margin-left:20px; font-size:16px; font-family:'Arial Black', Gadget, sans-serif; color:#333">
     	PS:系统更新常见问题--方法/步骤
     </p>
     <div style=" float:left; background-image:url(images/apple_02.png); color:#FFF; 
     		background-repeat:no-repeat; margin-left:20px; width:40px; height:40px; padding:9px 0 0 7px;">
     	1-2
     </div>
     <div style="float:left; margin-top:10px; color:#F00;width:70%;">
     	点开APP,弹出未受信任的开发者，记住冒号后面的大写字母。关闭进入设置。
     </div>
     <div style="clear:both; margin-left:20px;">
    	<img src="appimages/apple_01_09.png" style="width:95%;margin-top:15px;" />
     </div>
    <div style=" float:left; background-image:url(images/apple_02.png); color:#FFF; 
     		background-repeat:no-repeat; margin-left:20px; margin-top: 12px; width:40px; height:40px; padding:9px 0 0 7px;">
     	3-4
    </div>
    <div style="float:left; margin-top:20px; color:#F00">
     	进入通用/进入描述文件或设备管理
    </div>
    <div style="clear:both; margin-left:20px;">
    	<img src="images/apple_5.png" style="width:95%;margin-top:15px;"/>
    </div>
    <div style=" float:left; background-image:url(images/apple_02.png); color:#FFF; 
     		background-repeat:no-repeat; margin-left:20px; margin-top: 12px; width:40px; height:40px; padding:9px 0 0 7px;">
     	5-6
    </div>
    <div style="float:left; margin-top:10px; color:#F00;width:70%;">
     	找到对应的企业级应用（就是打开APP，冒号后面的大写字母）选择信任，进入。
    </div>
    <div style="clear:both; margin-left:20px;">
    	<img src="appimages/apple_01_15.png" style="width:95%;margin-top:15px;"/>
    </div>
     <div style=" float:left; background-image:url(images/apple_02.png); color:#FFF; 
     		background-repeat:no-repeat; margin-left:20px; margin-top: 12px; width:40px; height:40px; padding:10px 0 0 14px;">
     	7
    </div>
    <div style="float:left; margin-top:20px; color:#F00;width:70%;">
     	点击弹出的弹框中的“信任”。大功告成，可以愉快的进入APP了！！！
    </div>
    <div style="clear:both; margin-left:20px;">
    	<img src="appimages/apple_01_18.png" style="width:50%;margin:15px 25%;"/>
    </div>
    <div style="margin-left:25px">我明白了，【<a  href="javascript:scroll(0,0)" onclick="execDownload();">现在下载</a>】</div>
    <div style="position:fixed;bottom:80px;right:20px;width:20px;height:20px"><a href="javascript:scroll(0,0)"><img src="images/totop.png"/></a></div>
</body>
</html>
